.input{
    border: 1px solid #ae7000;
}
.show{animation:show-item 2s ease-in forwards;}
.hide{animation: hide-item 2s ease-in forwards;}

/* 关键帧动画 */
@keyframes hide-item {
    0%{
        opacity: 1;
        color: #ae7000;
    }
    50%{
        opacity: 0.5;
        color: red;
    }
    100%{
        opacity: 0;
        color: green;
    }
}

@keyframes show-item {
    0%{
        opacity: 0;
        color: #ae7000;
    }
    50%{
        opacity: 0.5;
        color: red;
    }
    100%{
        opacity: 1;
        color: green;
    }
}

/* react 动画组件 react-transition-group */
.box-text-enter{opacity: 0;}
.box-text-enter-active{opacity: 1;transition: opacity 2000ms;}
.box-text-enter-done{opacity: 1;}
.box-text-exit{opacity: 1;}
.box-text-exit-active{opacity: 0;transition: opacity 2000ms;}
.box-text-exit-done{opacity: 0;}